
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Bootstrap, from Twitter</title>
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/docs.css" rel="stylesheet">
    <style>
		.help{
			position:absolute;
			width: 10px;
			height: 10px;
			background: url(img/help.gif);
			display:none;
		}
		.navbar {
			margin-bottom:0;
		}
        .navbar-inner{
          -webkit-border-radius: 0px;
          -moz-border-radius: 0px;
          border-radius: 0px;
        }
        .nav .nav-header {
          display: block;
          padding: 3px 15px;
          font-size: 11px;
          font-weight: bold;
          line-height: 18px;
          color: #999999;
          text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
          text-transform: uppercase;
        }
        .nav li + .nav-header {
          margin-top: 9px;
        }
        .nav-list {
          padding-left: 14px;
          padding-right: 14px;
          margin-bottom: 0;
        }
        .nav-list > li > a, .nav-list .nav-header {
          margin-left: -15px;
          margin-right: -15px;
          text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        }
        .nav-list > li > a {
          padding: 3px 15px;
        }
        .nav-list .active > a, .nav-list .active > a:hover {
          color: #ffffff;
          text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
          background-color: #0088cc;
        }
        .nav-list [class^="icon-"] {
          margin-right: 2px;
        }

        #general_content{
            width: auto;
            padding: 0 20px;
}
    </style>
  </head>

  <body>
	<header>
    <div class="navbar">
    <div class="navbar-inner">
      <div class="container" style="width: auto;">
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
        <a class="brand" href="#">Мой живой магазин</a>
        <div class="nav-collapse">
          <ul class="nav">
            <li class="dropdown" rel='about'>
              <a href="#" class="dropdown-toggle"  data-toggle="dropdown">О проекте <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="/article/1" class="ajax" rel="about">Возможности</a></li>
                <li><a href="/news" class="ajax" rel="about">Новости</a></li>
                <li class="divider"></li>
                <li class="nav-header">Разработчикам</li>
                <li><a href="/article/3" class="ajax" rel="about">API</a></li>
                <li><a href="/article/4" class="ajax" rel="about">Примеры</a></li>
              </ul>
            </li>
            <li class="active" rel='help'><a href="/article/5" class="ajax" rel="help">Помощь</a></li>
          </ul>
          <form class="navbar-search pull-left" action="">
            <input type="text" class="search-query span3" placeholder="Найти">
          </form>
          <ul class="nav pull-right">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Язык Русский<b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">Английский</a></li>
                <li><a href="#">Украинский</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Ваши данные<b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">Личные данные</a></li>
                <li><a href="#">Ваши настройки</a></li>
              </ul>
            </li>
            <li class="divider-vertical"></li>
            <li><a href="#">Вход</a></li>
          </ul>
        </div><!-- /.nav-collapse -->
      </div>
    </div><!-- /navbar-inner -->
  </div>
  	<ul class="breadcrumb"></ul>
	</header>
    <div class="container" id="general_content">
    <article>
	    <h1>Components</h1>
		<p></p>
    <article>
    </div> 
    <script src="js/jquery-1.7.1.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/bootstrap-tooltip.js"></script>
	<script src="main.js"></script>
	<script src="http://myliveshop.dev/api.js"></script>
  </body>
</html>
